/**
 * @description 组件样式
 * @author: 陈陈
 * @date: 2025/05/09
 * @phone: 18560000860
 * @email: 18560000860@qq.com
 * @company: 济南晨霜信息技术有限公司 /
 * @business: 承接前后端项目的开发
 */

.pure-cell {
	display: flex;
	flex-direction: row;
	align-items: var(--pure-cell-align-items, center);
	padding: var(--pure-cell-padding, 12px);
	background: var(--pure-cell-background, var(--pure-background-default));
	border-radius: var(--pure-cell-border-radius, var(--pure-radius-default));

	&__icon {
		font-size: var(--pure-cell-icon-font-size, var(--pure-font-size-big));
		color: var(--pure-cell-icon-color);
		font-weight: var(--pure-cell-icon-font-weight);
		flex-shrink: 0;
		margin: var(--pure-cell-icon-margin);
		padding: var(--pure-cell-icon-padding);
		width: var(--pure-cell-icon-width);
		height: var(--pure-cell-icon-height);
		border: var(--pure-cell-icon-border);
		border-radius: var(--pure-cell-icon-border-radius);
		background: var(--pure-cell-icon-background);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		align-self: var(--pure-cell-icon-align-self);
	}

	&__content {
		flex: 1;
		overflow: hidden;
		display: flex;
		flex-direction: row;
		align-items: var(--pure-cell-align-items, center);
		margin: var(--pure-cell-content-margin, 0 2px 0 8px);
		gap: var(--pure-cell-content-gap, 10px);
	}

	&__main {
		display: flex;
		flex-direction: column;
		gap: var(--pure-cell-titile-tips-gap);
		flex: 1;
		overflow: hidden;
		min-width: var(--pure-cell-title-min-width, 40%);
	}

	&__title {
		font-size: var(--pure-cell-title-font-size);
		color: var(--pure-cell-title-color);
		font-weight: var(--pure-cell-title-font-weight, 600);
		flex: 1;
		margin: var(--pure-cell-title-margin);
		padding: var(--pure-cell-title-padding);
		word-break: break-all;

		&--lines {
			word-break: normal;
		}
	}

	&__desc {
		font-size: var(--pure-cell-desc-font-size, var(--pure-font-size-small));
		color: var(--pure-cell-desc-color, var(--pure-text-color-regular));
		font-weight: var(--pure-cell-desc-font-weight);
		flex-shrink: 0;
		margin: var(--pure-cell-desc-margin);
		padding: var(--pure-cell-desc-padding);
		word-break: break-all;
		align-self: var(--pure-cell-desc-align-self);

		&--lines {
			word-break: normal;
			flex-shrink: 1;
		}
	}

	&__arrow {
		font-size: var(--pure-cell-arrow-font-size, var(--pure-font-size-small));
		color: var(--pure-cell-arrow-color, var(--pure-text-color-regular));
		font-weight: var(--pure-cell-arrow-font-weight);
		flex-shrink: 0;
		margin: var(--pure-cell-arrow-margin);
		padding: var(--pure-cell-arrow-padding);
		transition: 0.25s;
		width: var(--pure-cell-arrow-width);
		height: var(--pure-cell-arrow-height);
		border: var(--pure-cell-arrow-border);
		border-radius: var(--pure-cell-arrow-border-radius);
		background: var(--pure-cell-arrow-background);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		line-height: 1;
		align-self: var(--pure-cell-arrow-align-self);
	}

	&__tips {
		font-size: var(--pure-cell-tips-font-size, var(--pure-font-size-small));
		color: var(--pure-cell-tips-color, var(--pure-text-color-regular));
		font-weight: var(--pure-cell-tips-font-weight);
		flex-shrink: 0;
		margin: var(--pure-cell-tips-margin);
		padding: var(--pure-cell-tips-padding);
	}

	&--plain {
		padding: var(--pure-cell-padding);
		background: var(--pure-cell-plain-background);
	}

	&--top-align {
		.pure-cell__icon {
			align-self: var(--pure-cell-icon-align-self, flex-start);
		}
	}

	&--rotate {
		.pure-cell__arrow {
			transform: var(--pure-cell-arrow-transform, rotate(var(--pure-cell-arrow-rotate, 90deg)));
		}
	}
}
